<mat-card class="example mat-elevation-z16">
  <mat-card-header>
    <mat-card-title>
      Scroll To Element Example
    </mat-card-title>
  </mat-card-header>
  <mat-card-content>
    <div class="center-pointer">
      <mat-icon>play_arrow</mat-icon>
    </div>

    <div class="scroll-to-example">
      <ng-scrollbar pointerEventsMethod="scrollbar"
                    appearance="compact"
                    autoHeightDisabled="true">
        <ul>
          <li class="example-item"
              *ngFor="let item of [].constructor(20); index as i"
              #itemEl
              (click)="scrollToItem(itemEl)">
            item {{i}}
          </li>
        </ul>
      </ng-scrollbar>
    </div>
  </mat-card-content>
</mat-card>
